<%@ page contentType="text/html; charset=UTF-8" %>
<%@include file="init.jsp"%>

<h1>Наши работы</h1>

<script type="text/javascript">
    var img_size = document.createElement("link");
    img_size.rel = "stylesheet";
    img_size.href = "<spring:url value="/css/img_size.css"/>";
    document.getElementsByTagName("head")[0].appendChild(img_size);
    var fancybox = document.createElement("link");
    fancybox.rel = "stylesheet";
    fancybox.media = "screen";
    fancybox.href = "<spring:url value="/fancybox/jquery.fancybox-1.3.4.css"/>";
    document.getElementsByTagName("head")[0].appendChild(fancybox);
</script>
<script type="text/javascript" src="<spring:url value="/js/jquery-1.5.2.min.js"/>"></script>
<script type="text/javascript" src="<spring:url value="/fancybox/jquery.fancybox-1.3.4.pack.js"/>"></script>
<script type="text/javascript" src="<spring:url value="/js/img_size_before.js"/>"></script>

<div id="page">
    <h2 style="clear: both; padding-top: 50px; margin-bottom: -20px;">Коронки</h2>
    <div class="caption">
        <a href="<spring:url value="/img/work_1.png"/>" class="img-link"><img src="<spring:url value="/img/work_1_small.png"/>" alt="" class="border zoom-img"/></a>
        <p>Коронка Cerec Blocks PC</p>
    </div>
    <div class="caption">
        <a href="<spring:url value="/img/work_2.png"/>" class="img-link"><img src="<spring:url value="/img/work_2_small.png"/>" alt="" class="border zoom-img"/></a>
        <p>Коронки Cerec Blocks PC</p>
    </div>
    <div class="caption">
        <a href="<spring:url value="/img/work_3.png"/>" class="img-link"><img src="<spring:url value="/img/work_3_small.png"/>" alt="" class="border zoom-img"/></a>
        <p>Коронки Cerec Blocks PC</p>
    </div>
    <div class="caption">
        <a href="<spring:url value="/img/work_6.png"/>" class="img-link"><img src="<spring:url value="/img/work_6_small.png"/>" alt="" class="border zoom-img"/></a>
        <p>Коронки Cerec Blocks PC</p>
    </div>
    <div class="caption">
        <a href="<spring:url value="/img/work_9.jpg"/>" class="img-link"><img src="<spring:url value="/img/work_9_small.jpg"/>" alt="" class="border zoom-img"/></a>
        <p>Коронка Cerec Blocks PC</p>
    </div>
    <div class="caption">
        <a href="<spring:url value="/img/work_11.jpg"/>" class="img-link"><img src="<spring:url value="/img/work_11_small.jpg"/>" alt="" class="border zoom-img"/></a>
        <p>Коронки Cerec Blocks PC</p>
    </div>
    <h2 style="clear: both; padding-top: 50px; margin-bottom: -20px;">Виниры</h2>
    <div class="caption">
        <a href="<spring:url value="/img/work_5.png"/>" class="img-link"><img src="<spring:url value="/img/work_5_small.png"/>" alt="" class="border zoom-img"/></a>
        <p>Виниры Cerec Blocks PC</p>
    </div>
    <h2 style="clear: both; padding-top: 50px; margin-bottom: -20px;">Протезы</h2>
    <div class="caption">
        <a href="<spring:url value="/img/work_4.jpg"/>" class="img-link"><img src="<spring:url value="/img/work_4_small.jpg"/>" alt="" class="border zoom-img"/></a>
        <p>Мостовидный протез Multilayer</p>
    </div>
    <div class="caption">
        <a href="<spring:url value="/img/work_7.jpg"/>" class="img-link"><img src="<spring:url value="/img/work_7_small.jpg"/>" alt="" class="border zoom-img"/></a>
        <p>Мостовидный протез Multilayer</p>
    </div>
    <div class="caption">
        <a href="<spring:url value="/img/work_8.jpg"/>" class="img-link"><img src="<spring:url value="/img/work_8_small.jpg"/>" alt="" class="border zoom-img"/></a>
        <p>Облицовка мостовидного протеза из полевого Cerec Blocks PC шпата</p>
    </div>
    <div class="caption">
        <a href="<spring:url value="/img/work_10.jpg"/>" class="img-link"><img src="<spring:url value="/img/work_10_small.jpg"/>" alt="" class="border zoom-img"/></a>
        <p>Мостовидный протез Multilayer</p>
    </div>

    <div class="clear"></div>
</div>
<script type="text/javascript" src="<spring:url value="/js/img_size_after.js"/>"></script>
